<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="./bootstrap/bootstrap-3.4.1/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/game.css">
    <script src="./jquery.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/dropdown.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/collapse.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/transition.js"></script>
    <script src="./bootstrap/bootstrap-3.4.1/js/carousel.js"></script>
    <title>layabox游戏</title>
</head>

<body>

    <div class="container-fluid box">
        <!-- 导航栏 -->
        <div class="navbar-wrapper">
            <div class="container">
                <nav class="navbar navbar-inverse navbar-static-top">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">
                                <img src="./img/index/logo.png" alt="" class="logo">
                            </a>
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li ><a href="./index.html">首页</a></li>
                                <li><a href="./family.html">Laya家族</a></li>
                                <li class="active"><a href="./game.html">游戏</a></li>
                                <li><a href="./news.html">新闻动态</a></li>
                                <li><a href="#">开发者中心</a></li>
                                <li><a href="#">开发者社区</a></li>
                                <li><a href="#">开放平台</a></li>
                                <li><a href="./aboutus.html">关于我们</a></li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                        aria-haspopup="true" aria-expanded="false">Language <span
                                            class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">中文</a></li>
                                        <li><a href="#">英文</a></li>
                                        <li><a href="#">日文</a></li>

                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>

            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img class="first-slide" src="./img/game/轮播图.png" alt="First slide">

            </div>
            <div class="item">
                <img class="second-slide" src="./img/game/轮播图.png" alt="Second slide">

            </div>
            <div class="item">
                <img class="third-slide" src="./img/game/轮播图.png" alt="Third slide">

            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <!-- 内容 -->
    <main>
        <!-- 头部 -->
        <div class="container lr">
            <div class="row lr_row">
                <!-- 猎刃 -->
                <!-- 热门 -->
                <div class="rm">
                    <span>热门</span>
                </div>
                <!-- 左 -->
                <div class="col-md-4 col-sm-4 hidden-xs l">
                    <img src="./img/game/猎刃.png" alt="">
                </div>
                <!-- 右 -->
                <div class="col-md-8 col-sm-8 col-xs-12 r">
                    <div class="row r_row">
                        <!-- 标题 -->
                        <div class="title col-md-12">
                            <h2>猎刃2</h2>
                            <span> 2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊
                                喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一
                                起来，挑战恶魔，乱斗魔兽！</span>
                        </div>
                        <!-- 图片 -->
                        <div class="pic col-md-12 col-xs-12 ">
                            <img src="./img/game/猎刃1.png" alt="">
                            <img src="./img/game/猎刃2.png" alt="">
                        </div>
                        <div class="pic col-md-12 col-xs-12 ">
                            <img src="./img/game/猎刃3.png" alt="">
                            <img src="./img/game/猎刃4.png" alt="">
                        </div>
                    </div>

                </div>
                <!-- 公主 -->
                <!-- 左 -->
                <div class="col-md-8 col-sm-8 col-xs-12 r">
                    <div class="row r_row">
                        <!-- 标题 -->
                        <div class="title tl col-md-12">
                            <h2>上吧公主</h2>
                            <span> 《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一
                                格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮
                                你掌握胜算左右战况。 </span>
                        </div>
                        <!-- 图片 -->
                        <div class="pic col-md-12">
                            <img src="./img/game/上吧主公1.png" alt="">
                            <img src="./img/game/上吧主公2.png" alt="">
                        </div>
                        <div class="pic col-md-12">
                            <img src="./img/game/上吧主公3.png" alt="">
                            <img src="./img/game/上吧主公4.png" alt="">
                        </div>
                    </div>

                </div>
                <!-- 右 -->
                <div class="col-md-4 col-sm-4 hidden-xs l l_r">
                    <img src="./img/game/上吧主公.png" alt="">
                </div>
            </div>
        </div>

        <!--底部 案例 -->
        <div class="container al">
            <div class="row al_row">
                <!-- 标题 -->
                <div class="title col-md-12">
                    <h2>更多案例</h2>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 l">
                    <a href=""><img src="./img/game/1.png" alt="">醉西游</a>
                    <a href=""><img src="./img/game/4.png" alt="">轰三国</a>
                    <a href=""><img src="./img/game/7.png" alt="">萌挂三国</a>
                    <a href=""><img src="./img/game/10.png" alt="">二战传奇</a>
                    <a href=""><img src="./img/game/13.png" alt="">熊来啦</a>
                    <a href=""><img src="./img/game/16.png" alt="">西游快跑</a>
                    <a href=""><img src="./img/game/19.png" alt="">鬼吹灯</a>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-6 c">
                    <a href=""><img src="./img/game/2.png" alt="">魔卡幻想</a>
                    <a href=""><img src="./img/game/5.png" alt="">刀塔大菠萝</a>
                    <a href=""><img src="./img/game/8.png" alt="">战争之门</a>
                    <a href=""><img src="./img/game/11.png" alt="">龙吟三国</a>
                    <a href=""><img src="./img/game/14.png" alt="">我爱我家</a>
                    <a href=""><img src="./img/game/17.png" alt="">德州扑克</a>
                    <a href=""><img src="./img/game/20.png" alt="">挂机三国</a>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 r">
                    <p class="col-xs-6 col-sm-12 col-md-12">
                        <a href=""><img src="./img/game/3.png" alt="">超能战队</a>
                        <a href=""><img src="./img/game/6.png" alt="">迷你猎人</a>
                        <a href=""><img src="./img/game/9.png" alt="">英雄争霸</a>
                        <a href=""><img src="./img/game/12.png" alt="">哟狐狸精</a>
                    </p>
                    <p class="col-xs-6 col-sm-12 col-md-12">
                        <a href=""><img src="./img/game/15.png" alt="">夺塔三国</a>
                        <a href=""><img src="./img/game/18.png" alt="">神魔快打</a>
                        <a href=""><img src="./img/game/21.png" alt="">三国仙侠传</a>
                    </p>
                </div>

            </div>
        </div>
    </main>
    <!-- 尾部 -->
    <footer>
        <!-- 底部联系 -->
        <div class="bt">
            <div class="container bt_con">
                <div class="row bt_row">
                    <div class="txt col-md-9 col-sm-9 col-xs-7">
                        <p>
                            <a href="">公司简介</a>
                            <a href="">联系方式</a>
                            <a href="">人才招聘</a>

                        </p>
                        <p>
                            All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
                        </p>
                    </div>


                    <div class="bt_pic col-md-3 col-sm-3 col-xs-5">
                        <img src="./img/index/邮箱.png" alt="" class="pic1">
                        <img src="./img/index/二维码.png" alt="" class="ewm">

                        <img src="./img/index/WX.png" alt="" class="pic1">
                        <img src="./img/index/二维码.png" alt="" class="ewm">

                        <img src="./img/index/QQ.png" alt="" class="pic1">
                        <img src="./img/index/二维码.png" alt="" class="ewm">




                    </div>


                </div>
            </div>
        </div>
    </footer>
</body>

</html>